<!-- <template>
    <el-card>
      <!-- 查询区域略 -->
      <el-table
        :data="tableData"
        border
        style="width: 100%"
        @selection-change="handleSelectionChange"
        ref="userTable"
      >
        <el-table-column type="selection" width="50" align="center" />
        <el-table-column prop="id" label="ID编号" align="center" width="120" />
        <el-table-column prop="userAccount" label="用户账号" align="center" width="120" />
        <el-table-column prop="memberLevel" label="会员等级" align="center" width="120" />
        <el-table-column prop="userStatus" label="用户状态" align="center" width="100">
          <template #default="scope">
            <span style="color: #52c41a; font-weight: bold;">
              <i class="el-icon-circle-check" style="font-size: 12px; margin-right: 4px;"></i>
              正常
            </span>
          </template>
        </el-table-column>
        <el-table-column prop="orderCount" label="订单记录" align="center" width="100">
          <template #default="scope">
            <span style="color: #1890ff; cursor: pointer;">{{ scope.row.orderCount }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="consumeAmount" label="消费金额" align="center" width="120" />
        <el-table-column prop="points" label="可用积分" align="center" width="100" />
        <el-table-column label="操作" align="center" width="180">
          <template #default="scope">
            <el-button type="primary" plain size="small" @click="onDetail(scope.row)" style="margin-right: 8px;">详情</el-button>
            <el-button type="primary" plain size="small" @click="onEdit(scope.row)" style="margin-right: 8px;">编辑</el-button>
            <el-button type="danger" plain size="small" @click="onDelete(scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页略 -->
    </el-card>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue'
  
  const tableData = ref([
    // 示例数据，实际用你的接口数据
    {
      id: '20208447466',
      userAccount: 'Windir',
      memberLevel: '黄金会员',
      userStatus: '正常',
      orderCount: 10,
      consumeAmount: '¥200.00',
      points: 1000
    },
    // ...更多数据
  ])
  
  const userTable = ref()
  const selectedRows = ref([])
  
  function handleSelectionChange(val: any[]) {
    selectedRows.value = val
  }
  
  function onDetail(row: any) { /* 详情逻辑 */ }
  function onEdit(row: any) { /* 编辑逻辑 */ }
  function onDelete(row: any) { /* 删除逻辑 */ }
  </script> -->